


// require("dateinput/date_input.css");
    function DateInput(el, opts) {
        if (typeof(opts) != "object")
            opts = {};
        $.extend(this, DateInput.DEFAULT_OPTS, opts);
        this.input = $(el);
        this.bindMethodsToObj("show", "hide", "hideIfClickOutside",
            "keydownHandler", "selectDate");
        this.build();
        this.selectDate();
        this.hide();
    };
    DateInput.DEFAULT_OPTS = {
        month_names : ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
        short_month_names : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
        short_day_names : ["日", "一", "二", "三", "四", "五", "六"],
        start_of_week : 0
    };
    DateInput.prototype = {
        build : function() {
            var monthNav = $('<p class="month_nav">'
                + '<span class="button prev" title="按 [PageUp] 上月">&#171;</span>'
                + ' <span class="month_name"></span> '
                + '<span class="button next" title="按 [PageDown] 下月">&#187;</span>'
                + '</p>');
            this.monthNameSpan = $(".month_name", monthNav);
            $(".prev", monthNav).click(this.bindToObj(function() {
                this.moveMonthBy(-1);
            }));
            $(".next", monthNav).click(this.bindToObj(function() {
                this.moveMonthBy(1);
            }));
            var yearNav = $('<p class="year_nav">'
                + '<span class="button prev" title="按 [Ctrl+PageUp] 上一年">&#171;</span>'
                + ' <span class="year_name"></span> '
                + '<span class="button next" title="按 [Ctrl+PageDown] 下一年">&#187;</span>'
                + '</p>');
            this.yearNameSpan = $(".year_name", yearNav);
            $(".prev", yearNav).click(this.bindToObj(function() {
                this.moveMonthBy(-12);
            }));
            $(".next", yearNav).click(this.bindToObj(function() {
                this.moveMonthBy(12);
            }));
            var nav = $('<div class="nav"></div>').append(monthNav, yearNav);
            var tableShell = "<table><thead><tr>";
            $(this.adjustDays(this.short_day_names)).each(function() {
                tableShell += "<th>" + this + "</th>";
            });
            tableShell += "</tr></thead><tbody></tbody></table>";
            this.dateSelector = this.rootLayers = $('<div class="date_selector"></div>')
                .append(nav, tableShell).insertAfter(this.input);
            if ($.browser.msie && $.browser.version < 7) {
                this.ieframe = $('<iframe class="date_selector_ieframe" frameborder="0" src="#"></iframe>')
                    .insertBefore(this.dateSelector);
                this.rootLayers = this.rootLayers.add(this.ieframe);
                $(".button", nav).mouseover(function() {
                    $(this).addClass("hover")
                });
                $(".button", nav).mouseout(function() {
                    $(this).removeClass("hover")
                });
            };
            this.tbody = $("tbody", this.dateSelector);
            this.input.change(this.bindToObj(function() {
                this.selectDate();
            }));
            this.selectDate();
        },
        selectMonth : function(date) {
            var newMonth = new Date(date.getFullYear(), date.getMonth(), 1);
            if (!this.currentMonth
                || !(this.currentMonth.getFullYear() == newMonth
                .getFullYear() && this.currentMonth.getMonth() == newMonth
                .getMonth())) {
                this.currentMonth = newMonth;
                var rangeStart = this.rangeStart(date), rangeEnd = this
                    .rangeEnd(date);
                var numDays = this.daysBetween(rangeStart, rangeEnd);
                var dayCells = "";
                for (var i = 0; i <= numDays; i++) {
                    var currentDay = new Date(rangeStart.getFullYear(),
                        rangeStart.getMonth(), rangeStart.getDate() + i,
                        12, 00);
                    if (this.isFirstDayOfWeek(currentDay))
                        dayCells += "<tr>";
                    if (currentDay.getMonth() == date.getMonth()) {
                        dayCells += '<td class="selectable_day" date="'
                            + this.dateToString(currentDay) + '">'
                            + currentDay.getDate() + '</td>';
                    } else {
                        dayCells += '<td class="unselected_month" date="'
                            + this.dateToString(currentDay) + '">'
                            + currentDay.getDate() + '</td>';
                    };
                    if (this.isLastDayOfWeek(currentDay))
                        dayCells += "</tr>";
                };
                this.tbody.empty().append(dayCells);
                this.monthNameSpan.empty().append(this.monthName(date));
                this.yearNameSpan.empty().append(this.currentMonth
                    .getFullYear());
                $(".selectable_day", this.tbody).click(this.bindToObj(function(
                    event) {
                    this.changeInput($(event.target).attr("date"));
                }));
                $("td[date=" + this.dateToString(new Date()) + "]", this.tbody)
                    .addClass("today");
                $("td.selectable_day", this.tbody).mouseover(function() {
                    $(this).addClass("hover")
                });
                $("td.selectable_day", this.tbody).mouseout(function() {
                    $(this).removeClass("hover")
                });
            };
            $('.selected', this.tbody).removeClass("selected");
            $('td[date=' + this.selectedDateString + ']', this.tbody)
                .addClass("selected");
        },
        selectDate : function(date) {
            if (typeof(date) == "undefined") {
                date = this.stringToDate(this.input.val());
            };
            if (!date)
                date = new Date();
            this.selectedDate = date;
            this.selectedDateString = this.dateToString(this.selectedDate);
            this.selectMonth(this.selectedDate);
        },
        changeInput : function(dateString) {
            this.input.val(dateString).change().blur();
            this.hide();
        },
        show : function() {
            this.rootLayers.css("display", "block");
            $([window, document.body]).on('click',this.hideIfClickOutside);
            this.input.unbind("focus", this.show);
            $(document.body).keydown(this.keydownHandler);
            this.setPosition();
        },
        hide : function() {
            this.rootLayers.css("display", "none");
            $([window, document.body]).unbind("click", this.hideIfClickOutside);
            this.input.focus(this.show);
            $(document.body).unbind("keydown", this.keydownHandler);
        },
        hideIfClickOutside : function(event) {
            if (event.target != this.input[0] && !this.insideSelector(event)) {
                this.hide();
            };
        },
        insideSelector : function(event) {
            var parentOffset={
                left:0,
                right:0,
                top:0,
                bottom:0
            };
            var offset = this.input.offset();
            this.input.parents().each(function(){
                var position=$(this).css("position");
                if(position=="fixed"||position=="relative"||position==""){
                    parentOffset=$(this).offset();
                    return;
                }
            })
            var offset = this.dateSelector.position();
            offset.right = offset.left + this.dateSelector.outerWidth();
            offset.bottom = offset.top + this.dateSelector.outerHeight();
            var _x=event.pageX-parentOffset.left;
            var _y=event.pageY-parentOffset.top;
            return _y < offset.bottom && _y > offset.top && _x < offset.right && _x > offset.left;
        },
        keydownHandler : function(event) {
            switch (event.keyCode) {
                case 9 :
                case 27 :
                    this.hide();
                    return;
                    break;
                case 13 :
                    this.changeInput(this.selectedDateString);
                    break;
                case 33 :
                    this.moveDateMonthBy(event.ctrlKey ? -12 : -1);
                    break;
                case 34 :
                    this.moveDateMonthBy(event.ctrlKey ? 12 : 1);
                    break;
                case 38 :
                    this.moveDateBy(-7);
                    break;
                case 40 :
                    this.moveDateBy(7);
                    break;
                case 37 :
                    this.moveDateBy(-1);
                    break;
                case 39 :
                    this.moveDateBy(1);
                    break;
                default :
                    return;
            }
            event.preventDefault();
        },
        stringToDate : function(string) {
            var matches;
            if (matches = string.match(/^(\d{1,2}) ([^\s]+) (\d{4,4})$/)) {
                return new Date(matches[3], this.shortMonthNum(matches[2]),
                    matches[1], 12, 00);
            } else {
                return null;
            };
        },
        dateToString : function(date) {
            return date.getFullYear() + '-'
                + this.short_month_names[date.getMonth()] + '-'
                + date.getDate();
        },
        setPosition : function() {
            var parentOffset={
                left:0,
                right:0,
                top:0,
                bottom:0
            };
            var offset = this.input.offset();
            this.input.parents().each(function(){
                var position=$(this).css("position");
                if(position=="fixed"||position=="relative"||position==""){
                    parentOffset=$(this).offset();
                    return;
                }
            })
            this.rootLayers.css({
                top : offset.top + this.input.outerHeight()-parentOffset.top,
                left : offset.left-parentOffset.left
            });
            if (this.ieframe) {
                this.ieframe.css({
                    width : this.dateSelector.outerWidth(),
                    height : this.dateSelector.outerHeight()
                });
            };
        },
        moveDateBy : function(amount) {
            var newDate = new Date(this.selectedDate.getFullYear(),
                this.selectedDate.getMonth(), this.selectedDate.getDate()
                    + amount);
            this.selectDate(newDate);
        },
        moveDateMonthBy : function(amount) {
            var newDate = new Date(this.selectedDate.getFullYear(),
                this.selectedDate.getMonth() + amount, this.selectedDate
                    .getDate());
            if (newDate.getMonth() == this.selectedDate.getMonth() + amount + 1) {
                newDate.setDate(0);
            };
            this.selectDate(newDate);
        },
        moveMonthBy : function(amount) {
            var newMonth = new Date(this.currentMonth.getFullYear(),
                this.currentMonth.getMonth() + amount, this.currentMonth
                    .getDate());
            this.selectMonth(newMonth);
        },
        monthName : function(date) {
            return this.month_names[date.getMonth()];
        },
        bindToObj : function(fn) {
            var self = this;
            return function() {
                return fn.apply(self, arguments)
            };
        },
        bindMethodsToObj : function() {
            for (var i = 0; i < arguments.length; i++) {
                this[arguments[i]] = this.bindToObj(this[arguments[i]]);
            };
        },
        indexFor : function(array, value) {
            for (var i = 0; i < array.length; i++) {
                if (value == array[i])
                    return i;
            };
        },
        monthNum : function(month_name) {
            return this.indexFor(this.month_names, month_name);
        },
        shortMonthNum : function(month_name) {
            return this.indexFor(this.short_month_names, month_name);
        },
        shortDayNum : function(day_name) {
            return this.indexFor(this.short_day_names, day_name);
        },
        daysBetween : function(start, end) {
            start = Date.UTC(start.getFullYear(), start.getMonth(), start
                .getDate());
            end = Date.UTC(end.getFullYear(), end.getMonth(), end.getDate());
            return (end - start) / 86400000;
        },
        changeDayTo : function(dayOfWeek, date, direction) {
            var difference = direction
                * (Math.abs(date.getDay() - dayOfWeek - (direction * 7)) % 7);
            return new Date(date.getFullYear(), date.getMonth(), date.getDate()
                + difference);
        },
        rangeStart : function(date) {
            return this.changeDayTo(this.start_of_week, new Date(date
                .getFullYear(), date.getMonth()), -1);
        },
        rangeEnd : function(date) {
            return this.changeDayTo((this.start_of_week - 1) % 7, new Date(date
                .getFullYear(), date.getMonth() + 1, 0), 1);
        },
        isFirstDayOfWeek : function(date) {
            return date.getDay() == this.start_of_week;
        },
        isLastDayOfWeek : function(date) {
            return date.getDay() == (this.start_of_week - 1) % 7;
        },
        adjustDays : function(days) {
            var newDays = [];
            for (var i = 0; i < days.length; i++) {
                newDays[i] = days[(i + this.start_of_week) % 7];
            };
            return newDays;
        }
    };
    $.fn.dateinput = function(opts) {
        return this.each(function() {
            if( $(this).data("dateinput-type") != true ){
                new DateInput(this, opts);
                $(this).data("dateinput-type",true);
            }
        });
    };

    $("input.date-input").live("mouseenter",function(){
        $(this).dateinput();
    });
    $("input.date-input").live("keypress",
        function() {
            return false;
        });

